<template>
<div class="skeleton">
    <div class="skeleton-bar" v-for="i in 3" :key="i"></div>
</div>
</template>
<style scoped>
.skeleton {
width: 200px; display: flex; flex-direction: column; gap: 10px;
}
.skeleton-bar {
height: 20px; border-radius: 4px;
background: linear-gradient(90deg, #eee 25%, #ddd 50%, #eee 75%);
background-size: 200% 100%;
animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
0% { background-position: -200% 0; }
100% { background-position: 200% 0; }
}
</style>